約 4,432,264 件
https://w.atwiki.jp/projecthikky/pages/69.html
HTML5というのを覚えようと思う リファレンス https //developer.mozilla.org/ja/docs/Web/HTML/HTML5 http //www.html5.jp/ 2016/05/07 今日の課題:Canvasで線を引く 2016/05/08 今日の課題:Canvasで長方形を描く 2016/05/09 今日の課題:Canvasで丸を描く 2016/05/10 今日の課題:Canvasで線形グラデーションを描く 2016/05/11 今日の課題:Canvasで円形グラデーションを描く 2016/05/12 今日の課題:Canvasで画像ファイルを描く 2016/05/13 今日の課題:Canvasの絵を画像ファイルに変換する 2016/05/14 今日の課題:Canvasで二次ベジェ曲線を引く 2016/05/15 今日の課題:Canvasで三次ベジェ曲線を引く 2016/05/16 今日の課題:Canvasで弧を描く 2016/05/18 今日の課題:Canvasのクリッピング 2016/05/19 今日の課題:Canvasの状態セーブ 2016/05/20 今日の課題:Canvasのスケールを変更する 2016/05/21 今日の課題:Canvasで回転させて描く 2016/05/22 今日の課題:Canvasで平行移動させて描く 2016/05/23 今日の課題:Canvasで線の太さを変える 2016/05/28 今日の課題:Canvas以外のHTML5も勉強しておこうぜ。これ読む http //www.html5.jp/trans/w3c_differences.html
https://w.atwiki.jp/aru_notebook/pages/18.html
HTMLクイックリファレンス(ABC順) http //www.htmq.com/html/index.shtml HTMLクイックリファレンス(目的別) http //www.htmq.com/html/indexm.shtml
https://w.atwiki.jp/assolutoracingjpn/pages/104.html
イベントカレンダー 日にち 時刻 イベント名 URL // カレンダー表を生成する関数 function generateCalendar(year, month) { // 日付の配列を生成 const dateArray = generateDateArray(year, month); // カレンダー表のHTMLを生成 const calendarHtml = generateCalendarHtml(dateArray); // カレンダー表を表示 const calendarElement = document.getElementById( calendar ); calendarElement.innerHTML = calendarHtml; function generateDateArray(year, month) { const dateArray = []; const firstDate = new Date(year, month - 1, 1); const lastDate = new Date(year, month, 0); for (let date = firstDate; date = lastDate; date.setDate(date.getDate() + 1)) { dateArray.push(new Date(date)); } return dateArray; } function generateCalendarHtml(dateArray) { const weekDays = [ 日 , 月 , 火 , 水 , 木 , 金 , 土 ]; let calendarHtml = table tr th 日 /th th スタート時 /th th イベント名 /th /tr ; for (let i = 1; i = 31; i++) { const day = i 10 ?` 0${i}` i; calendarHtml += ` tr td ${day} /td td /td td /td /tr `; } calendarHtml += /table ; const calendarElement = document.getElementById( calendar ); calendarElement.innerHTML = calendarHtml; const formElement = document.getElementById( schedule-form ); formElement.addEventListener( submit , function(event) { event.preventDefault(); // デフォルトの送信をキャンセル const date = event.target.elements.date.value; const time = event.target.elements.time.value; const eventTitle = event.target.elements.eventTitle.value; const url = event.target.elements.url.value; const calendarDayElement = document.querySelector(`td nth-of-type(${date.slice(-2)})`); calendarDayElement.nextElementSibling.textContent = time; const eventLinkElement = document.createElement( a ); eventLinkElement.href = url; eventLinkElement.textContent = eventTitle.slice(0, 10); calendarDayElement.nextElementSibling.nextElementSibling.appendChild(eventLinkElement); }); const now = new Date(); let year = now.getFullYear(); let month = now.getMonth() + 1; function updateCalendar() { const firstDayOfMonth = new Date(year, month - 1, 1); const firstDayOfWeek = firstDayOfMonth.getDay(); const startDate = new Date(year, month - 1, 1 - firstDayOfWeek); let day = startDate.getDate(); for (let i = 1; i = 31; i++) { const dayOfMonth = new Date(year, month - 1, day); if (dayOfMonth.getMonth() + 1 !== month) { break; } const dayOfWeek = dayOfMonth.getDay(); const dayOfWeekText = weekDays[dayOfWeek]; const dayOfWeekClass = dayOfWeek === 0 ? sunday (dayOfWeek === 6 ? saturday ); const calendarDayElement = document.querySelector(`td nth-of-type(${i})`); calendarDayElement.textContent = day; calendarDayElement.classList.remove( sunday , saturday ); if (dayOfWeekClass) { calendarDayElement.classList.add(dayOfWeekClass); } day++; } const yearMonthElement = document.getElementById( year-month ); yearMonthElement.textContent = `${year}年${month}月`; } function addMonthButtons() { const prevBtn = document.createElement( button ); prevBtn.textContent = 前の月へ ; prevBtn.addEventListener( click , () = { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); }); const nextBtn = document.createElement( button ); nextBtn.textContent = 次の月へ ; nextBtn.addEventListener( click , () = { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); }); const btnContainer = document.createElement( div ); btnContainer.appendChild(prevBtn); btnContainer.appendChild(nextBtn); calendarContainer.appendChild(btnContainer); } const currentDate = new Date(); const calendarContainer = document.getElementById( calendar ); addMonthButtons(); renderCalendar(); }
https://w.atwiki.jp/san-serriffe/pages/10.html
html lang= ja head link rel= stylesheet herf= /head /html
https://w.atwiki.jp/testlink/pages/64.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" xml lang="jp" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta http-equiv="expires" content="-1" / meta http-equiv="pragma" content="no-cache" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style /head body div class="workBack" body h1 テスト計画へテストケースを追加 /h1 h2 目的: /h2 p リーダー権限を持つユーザは、テストケースをテスト計画へ追加できます。 /p h2 テストケースの追加: /h2 ol li テストスイートをクリックし、全て、または1つのテストケースを表示します。 /li li あなたが追加を完了したい時、"テストケース追加"ボタンをクリックし、テストケースをインポートして下さい。 注意:同じテストケースを複数回追加することは出来ません。 /li li あなたはキーワードにより、フィルタを使用することも出来ます。 /li /ol /div /body /html
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/akusennkutou/pages/6.html
(2006年01月06日) 何やってるんだろうね
https://w.atwiki.jp/false999/pages/28.html
videoタグ HTML5から追加された動画再生用タグ ブラウザごとに再生に対応しているコーデックが異なるので、3種(mp4,ogg,webm)くらいファイルを用意しなければならない ffmpegを使えば各フォーマットへ変換できるが、webmへの変換は0.6以降のバージョンである必要がある また、HTML5非対応ブラウザも考慮する場合はflash等で受け皿を用意しておく必要がある 以下のようなjsライブラリがここらへんのややこしい処理をやるためのフレームワークとしてある MediaElement vimでの開発に便利そうなプラグインは以下を参考 HTML+CSS編集に便利なVimプラグイン
https://w.atwiki.jp/neteng/pages/21.html
html title dinamic filter /title body body bgcolor="rosybrown" /etc/sysconfig/iptables-config br IPTABLES_MODULES="ip_conntrack_ftp" br pre NEWがないと一切の通信がダメ。ポートが開かない。NEWだけは特別なのだ アプリI/OSADAPROTSPDPCONN.STAT FTPOUT自分FTP鯖TCPー21NEW(一番最初のステータスですよ)、ESTABLISHED コマンドチャンネル? FTPINFTP鯖自分TCP21ーESTABLISHED(全部ACKがついてますから?) コマンドチャンネル? ポート番号21ってFTPの制御用のポートだよね 何番のポートと何番のポートで通信しますよでRELATED(関係のある)通信になる ↓データチャンネル FTPOUT自分FTP鯖TCPーーRELATED、ESTABLISHED FTPINFTP鯖自分TCPーーESTABLISHED font size=5 color=darkblue b iptables追加ftpパッシブモードクライアントルール /b /font #dinamicfilter ftp comand-ch -A OUTPUT -p tcp --dport 21 -m state --state NEW,ESTABLISHED -j ACCEPT -A INPUT -p tcp --sport 21 -m state --state ESTABLISHED -j ACCEPT #dinamicfilter ftp date-ch -A OUTPUT -p tcp -m state --state RELATED,ESTABLISHED -m helper --helper ftp -j ACCEPT -A INPUT -p tcp -m state --state ESTABLISHED -m helper --helper ftp -j ACCEPT -m state 接続状態の指定 接続状態にはNEW、INVALID、ESTABLISHED、RELATEDが指定できる -m helper unknown -A 指定したチェインにルールを追加する -F -Aとは逆でチェインの内容を削除する font size=5 color=darkblue b 検証 /b /font [root@neteng18 ~]# [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 230 Login successful. Remote system type is UNIX. Using binary mode to transfer files. ftp ascii 200 Switching to ASCII mode. ftp get welcome local welcome remote welcome 227 Entering Passive Mode (192,168,128,1,115,140) 150 Opening BINARY mode data connection for welcome (24 bytes). WARNING! 2 bare linefeeds received in ASCII mode File may not have transferred correctly. 226 File send OK. 24 bytes received in 0.00013 seconds (1.9e+02 Kbytes/s) ftp quit 221 Goodbye. [root@neteng18 ~]# cat /proc/net/ip_conntrack tcp 6 112 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=45107 dport=29580 packets=4 bytes=216 src=192.168.128.1 dst=192.168.128.212 sport=29580 dport=45107 packets=4 bytes=240 [ASSURED] mark=0 secmark=0 use=1 tcp 6 117 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=54614 dport=21 packets=21 bytes=1201 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=54614 packets=15 bytes=1139 [ASSURED] mark=0 secmark=0 use=2 [root@neteng18 ~]# cat welcome Welcome to ftp server! b font size=4 color=darkblue ノーマルモード /font /b FTP上でpassiveと打つとON/OFFを切り替えることができる パッシブモードの設定だとコマンドをやっても通信ができないのですよう ー私案ー 合意はもうできている上で 要はノーマルということはFTP鯖からの20番ポートからのTCPデータを受信できればよいだから アプリI/OSADAProtSPDPState FTPINFTP鯖自分TCP20ーRELATED,ESTABLISHED FTPOUT自分FTP鯖TCPー20ESTABLISHED FTPクライアントの設定ノーマルデータCHを送受信するにはこれだけで良い #dinamicfilter ftp date-ch -A INPUT -p tcp --sport 20 -m state --state RELATED,ESTABLISHED -m helper --helper ftp -j ACCEPT -A OUTPUT -p tcp --dport 20 -m state --state ESTABLISHED -m helper --helper ftp -j ACCEPT font size=5 color=darkblue b 検証 /b /font [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 530 Login incorrect. Login failed. ftp quit 221 Goodbye. [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 230 Login successful. Remote system type is UNIX. Using binary mode to transfer files. ftp passive Passive mode off. ftp ls 200 PORT command successful. Consider using PASV. 150 Here comes the directory listing. -rw-r--r-- 1 518 500 24 Feb 25 02 34 welcome 226 Directory send OK. ftp get welcome local welcome remote welcome 200 PORT command successful. Consider using PASV. 150 Opening BINARY mode data connection for welcome (24 bytes). 226 File send OK. 24 bytes received in 8.6e-05 seconds (2.7e+02 Kbytes/s) ftp quit 221 Goodbye. [root@neteng18 ~]# cat /proc/net/ip_conntrack tcp 6 96 TIME_WAIT src=192.168.128.1 dst=192.168.128.212 sport=20 dport=35862 packets=5 bytes=333 src=192.168.128.212 dst=192.168.128.1 sport=35862 dport=20 packets=3 bytes=164 [ASSURED] mark=0 secmark=0 use=1 tcp 6 79 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=35714 dport=21 packets=16 bytes=911 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=35714 packets=13 bytes=888 [ASSURED] mark=0 secmark=0 use=1 tcp 6 112 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=35715 dport=21 packets=23 bytes=1364 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=35715 packets=18 bytes=1410 [ASSURED] mark=0 secmark=0 use=3 tcp 6 107 TIME_WAIT src=192.168.128.1 dst=192.168.128.212 sport=20 dport=60047 packets=5 bytes=292 src=192.168.128.212 dst=192.168.128.1 sport=60047 dport=20 packets=3 bytes=164 [ASSURED] mark=0 secmark=0 use=1 [root@neteng18 ~]# a href="index.html" 戻る /a /body /html
https://w.atwiki.jp/testlink/pages/37.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "{$basehref}{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script // need due to global coupling in open_help_window()var fRoot= {$basehref} ; /script script type="text/javascript" src="{$basehref}gui/javascript/testlink_library.js" /script /head body div class="workBack" h1 テストケースの編集とアーカイブ /h1 h2 目的 /h2 p span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テスト仕様書 /span は、存在する span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テストプロジェクト /span , テストスイート,そして span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テストケース /span の情報を閲覧したり変更したりする場所です。異なるバージョンのテストケースを見ることもできます。 /p h2 やってみましょう! /h2 ol li テストプロジェクトをナビゲーションシートから選択します。 /li li 新規のテストスイートとテストケースを作成します(テストプロジェクトの変更は右上のプルダウンリストから選択できます) /li li 左横にあるツリーにてデータ編集を指示します。 /li li 作成したテスト仕様書をテストケースが準備完了したときに span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テスト計画 /span に割り当てます。 /li /ol p TestLinkはテストケースを構成するN レベルのテストスイートを提供します。また、テストスイートの内容を記述できます。この情報はテストケースとともに印刷されます。 /p /div /body /html